$(function() {

	// input监听器
	$(".search").on("keyup", function() {

		var value = $("input[id=search]").val();
		var ul = $("#list");
		var data = {
			row : 6,
			words : value
		};
		if (value.length >= 1) {
			asyncRequest(data, ul);
		} else {
			ul.empty();
		}
	});

	// jQuery请求器
	function asyncRequest(data, ul) {

		$.ajax({
//			url : 'http://localhost:8018/intellSearch/areas/list',
			url:'http://localhost:8018/intellSearch/areas/list',
			type : 'POST',
			data : JSON.stringify(data),
			contentType : "application/json",
		}).done(function(msg) {
			var json = JSON.parse(msg);
			renderer(ul, json, false).render();
		}).fail(function(msg) {
			renderer(ul, msg, true).render();
		});
	};

	// 渲染器
	function renderer(ul, data, flag) {

		var obj = {};
		obj.render = function(argument) {
			ul.empty();
			if (flag == true) {
				var li = $("<option></option>");
				li.text('Server down');
				ul.append(li);
				return;
			}
			if (data.length == 0) {
				var li = $("<option></option>");
				li.text('No Key Word Match');
				ul.append(li);
				return;
			} else {
				for ( var i in data) {
					var li = $("<option></option>");
					li.text(data[i].area);
					ul.append(li);
				}
			}
		};
		return obj;
	};

});